<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .div1{
            border:2px solid red;
            width: 200px;
            height: 200px;
            position: relative;
        }
        .div3{
            border:2px solid #bcff62;
            width: 100px;
            height: 100px;
            position: relative;
        }
        .div2{
            position: absolute;
            right: 0px;
            top:0px;
            background: yellow;
            width:150px;
            height:150px;
        }
        .divfloat1{
            width:300px;
            height:100px;
            background: yellow;

        }
        .divfloat2{
            width:100px;
            height:50px;
            background: red;
        }
        .divfloat3{
            width:50px;
            height:150px;
            background: black;
        }
        .divfloat4{
            width:400px;
            height:200px;
            background: green;
        }
    </style>
</head>
<body>
<div class="divfloat1"></div>
<div class="divfloat2" style="width:700px;height: 300px">

</div>
<div class="divfloat3"></div>
<div class="divfloat4"></div>
<div style="border: 1px solid red"><img src="../img/github.png"  alt=""></div>
</body>
</html>